/* CSS Document */
@charset "utf-8";
/*!
 * @名称：base.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */

@font-face {
	font-family: 'fontNameRegular';
	src: url('http://imgcms.tepin.hk/youah5/webfontkit/_gbk-webfont.eot');
	src: url('http://imgcms.tepin.hk/youah5/webfontkit/_gbk-webfont.eot?#iefix') format('embedded-opentype'),
		url('http://imgcms.tepin.hk/youah5/webfontkit/_gbk-webfont.woff') format('woff'),
		url('http://imgcms.tepin.hk/youah5/webfontkit/_gbk-webfont.ttf') format('truetype'),
		url('http://imgcms.tepin.hk/youah5/webfontkit/_gbk-webfont.svg#iconfont') format('svg');
}


@font-face {font-family: "iconfont";
  src: url('http://imgcms.tepin.hk/youah5/font/iconfont.eot'); /* IE9*/
  src: url('http://imgcms.tepin.hk/youah5/font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://imgcms.tepin.hk/youah5/font/iconfont.woff') format('woff'), /* chrome、firefox */
  url('http://imgcms.tepin.hk/youah5/font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://imgcms.tepin.hk/youah5/font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

@font-face {font-family: "iconfont";
  src: url('http://imgcms.tepin.hk/youah5/font/iconfont.eot'); /* IE9*/
  src: url('http://imgcms.tepin.hk/youah5/font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://imgcms.tepin.hk/youah5/font/iconfont.woff') format('woff'), /* chrome、firefox */
  url('http://imgcms.tepin.hk/youah5/font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://imgcms.tepin.hk/youah5/font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  color:#999;
}
.icon-check:before { content: "\e622"; }
.icon-roundcheck:before { content: "\e610"; }
.icon-roundright:before { content: "\e600"; }
.icon-time:before { content: "\e601"; }
.icon-comment:before { content: "\e602"; }
.icon-delete:before { content: "\e613"; }
.icon-round:before { content: "\e611"; }
.icon-601:before { content: "\e61d"; }
.icon-share:before { content: "\e607"; }
.icon-ask:before { content: "\e61e"; }
.icon-sousuo:before { content: "\e603"; }
.icon-saoyisao:before { content: "\e604"; }
.icon-unfold:before { content: "\e615"; }
.icon-back:before { content: "\e616"; }
.icon-right:before { content: "\e617"; }
.icon-uparrow:before { content: "\e618"; }
.icon-setting:before { content: "\e624"; }
.icon-cart:before { content: "\e612"; }
.icon-add:before { content: "\e61f"; }
.icon-move:before { content: "\e620"; }
.icon-closefill:before { content: "\e623"; }
.icon-plus:before { content: "\e61a"; }
.icon-miaojiesellerlistselected:before { content: "\e621"; }
.icon-xin:before { content: "\e61b"; }
.icon-34wujiaoxingpingfenshixin:before { content: "\e608"; }
.icon-35wujiaoxingpingfenkongxin2:before { content: "\e60d"; }
.icon-xinman:before { content: "\e61c"; }
.icon-toggle-0ff:before { content: "\e60e"; }
.icon-toggle-on:before { content: "\e60f"; }
.icon-untitled149:before { content: "\e605"; }
.icon-unie606:before { content: "\e606"; }
.icon-trasho:before { content: "\e614"; }
.icon-gouwuche:before { content: "\e60b"; }
.icon-guanbi:before { content: "\e60c"; }
.icon-iconfonttoggleoff:before { content: "\e609"; }
.icon-iconfonttoggleon:before { content: "\e60a"; }
.icon-tel:before { content: "\e619"; }

*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    /*font-family: 'fontNameRegular',microsoft yahei,arial;*/
    /*font-family: microsoft yahei, arial;*/
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea {
	/*font-family:'fontNameRegular',microsoft yahei;*/
	font-family: microsoft yahei, arial;
	color:#222222;
}
input,select,button,textarea {
    font-size:100%;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}
/* 去除默认边框 */
img {
    border:0;
	display:block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym {
    border:none;
    font-variant:normal;
}
/* 去掉列表前的标识，li 会继承 */
ol,ul {
    list-style:none;
}
i, em, var{
	font-style: normal;
}
/* 对齐是排版最重要的因素，别让什么都居中 */
caption,th {
    text-align:left;
}

button{
	overflow: visible
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}

/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
/* A链接*/
a {color:#222222; text-decoration:none;}
a:active{
	outline: 0;
}
a:focus.input:focus {
	outline: none;
}
.box-pb{
	padding-bottom:1.32rem;
}
.topShare{
	position: absolute;
    top: 0;
    right: 0;
    width: 1.15rem;
    height: 1.15rem;
    line-height: 1.15rem;
}
.topShare:before{
	content:"";
	display:block;
	width:.573333rem;
	height:.56rem;
	background:url(http://imgcms.tepin.hk/youah5/images/topShare.png) no-repeat;
	background-size:100%;
	margin:.32rem .32rem 0 0 ;
}

#load-box{
	background-color:#fff;
	position:fixed;
	z-index:999;
	width:100%;
	height:100%;
}
.toTop{
	position:fixed;
	right:.32rem;
    bottom:12%;
	z-index:999;
	width:1.24rem;
	height:1.24rem;
	display:block;
	background:url(http://imgcms.tepin.hk/youah5/images/toTop.png) no-repeat;
	background-size:100%;
	display:none;
}

/* 分享 */
.mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 222;
	display:none;
}
.topShare i{
	color:#a7a7a7;
	font-size:.52rem;
}
.bottomShare{
	background-color:rgba(0,0,0,.6);
	position:fixed;
	left:0;
	bottom:-100%;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	background-color:#e0e0e0;
	padding:.56rem;
	z-index:333;
}
.bottomShare .cancelShare{
	display:block;
	border:1px solid #666666;
	color:#232323;
	height:1.22rem;
	line-height:1.22rem;
	width:100%;
	text-align:center;
	border-radius:1rem;
	font-size:.48rem;
	margin-top:1rem;
}
.bottomShare ul{
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
	padding:0 1.2rem;
}
.bottomShare li{
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding:0 .3rem;
	text-align: center;
}
.bottomShare li a{
}
.bottomShare li a img{
	width:100%;
}

/* panic */
.panic{
	padding:.266rem .32rem 0;
	border-bottom:.2666rem solid #f7f7f7;
}
.panic a{
	width:100%;
	display:block;
	padding-bottom:.266rem;
	position:relative;
}
.panic a img{
	width:100%;
	max-height:5.36rem;
}
.panic a div{
	height:.64rem;
	line-height:.64rem;
	background-color:rgba(0,0,0,.6);
	color:#fff;
	position:absolute;
	top:.12rem;
	right:0;
	text-align:center;
	font-size:.32rem;
	vertical-align:middle;
	display:inline-block;
	padding:0 .24rem 0 .32rem;
	border-radius:.32rem 0 0 .32rem;
	letter-spacing:.04rem;
}
.panic a div i{
	vertical-align:top;
	display:inline-block;
	height:.64rem;
}
.panic a div img{
	display:inline;
	width:.4rem;
	height:.64rem;
	margin-right:.1rem;
}
.panic a div span em{
	margin-left:.2rem;
}
.panic a div span em i{
	display:inline;
	padding:0;
	height:auto;
	padding:0 .1rem;
}

/* 清除浮动 */
.clear {
    clear:both;
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    overflow:hidden;
}
.clearfix:after {
    content: " ";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
/* 设置显示和隐藏，通常用来与 js 配合 */
.hide {
    display:none;
}
.block {
    display:block;
}
/* 设置浮动，减少浮动带来的 bug */
.inline {
    display:inline;
}
.fb{
	font-weight:bold;
}
.left{
	float:left;
}
.right{
	float:right;
}

.b-t{
	border-bottom:1px solid #d7d7d7;
}
.b-b{
	border-bottom:1px solid #d7d7d7;
}

header{
  height:89px;
  border-bottom:1px solid #d7d7d7;
  position:relative;
  background-color:#fff;
}
header img{
  margin:0 auto;
  padding-top:26px;
}
header .search-btn{
  position:absolute;
  right:0;
  top:0;
  width:89px;
  height:89px;
}
header .search-btn:after{
  content:"";
  display:block;
  width:33px;
  height:34px;
  background:url(http://imgcms.tepin.hk/cmsres/20160905/91da34fc-cdea-42c6-9777-4475b766dc1a.png) no-repeat;
  margin:29px auto 0;
}

/* header */
/*
header{
	width:100%;
	height:1.15rem;
	background:#fff url(http://imgcms.tepin.hk/youah5/images/headerBg_2.png) 0 bottom no-repeat;
	background-size:100%;
	text-align:center;
}
header .title{
	font-size:.46rem;
	line-height:1.15rem;
	display:block;
	text-align:center;
}
header .logo{
	text-align:center;
}
header .logo img{
	width:2.1rem;
	display: inline-block;
	margin-top: .35rem;
	overflow: hidden;
}
header .backArrow {
    width: 1.15rem;
    height: 1.15rem;
    line-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
header .backArrow:before{
	content: "";
	width:.586667rem;
	height:.586667rem;
	display:block;
	background:url(http://imgcms.tepin.hk/youah5/images/backArrow.png) no-repeat;
	background-size:100%;
	margin:.25rem 0 0 .3rem;
}
header .indexQrcode{
	width:1.15rem;
	height:1.15rem;
	line-height:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
header .indexQrcode:before{
	content: "";
	width:.56rem;
	height:.56rem;
	display:block;
	background:url(http://imgcms.tepin.hk/youah5/images/indexQrcode.png) no-repeat;
	background-size:100%;
	margin:.32rem 0 0 .32rem;
}
header .indexSearch{
	position:absolute;
	top:0;
	right:0;
	width:1.15rem;
	height:1.15rem;
	text-align:right;
}
header .indexSearch:before{
	content: "";
	width:.614rem;
	height:.614rem;
	display:block;
	background:url(http://imgcms.tepin.hk/youah5/images/indexSearch.png) no-repeat;
	background-size:100%;
	margin:.32rem .32rem 0 0;
}
*/

/* topNav */
nav.topNav{
	width:100%;
	height:1.2rem;
	overflow:hidden;
	overflow-x:auto;
}
nav.topNav ul{
	height:1.2rem;
}
nav.topNav ul li{
	float:left;
	width: 16.6667%;
}
nav.topNav ul li a{
	display:block;
	text-align:center;
	line-height:1.2rem;
}
nav.topNav ul li a i{
	padding-bottom:.1rem;
	font-size:.38rem;
}
nav.topNav ul li a.nav_hover i{
	color:#801da1;
	border-bottom:1px solid #801da1;
}

/* bottomNav */
/*
nav.bottomNav{
	width:100%;
	height:1.38rem;
	overflow:hidden;
	overflow-x:auto;
	border-top:1px solid #d7d7d7;
	position:fixed;
	bottom:0;
	left:0;
	background-color:#fff;
	z-index:887;
}
nav.bottomNav ul{
	height:1.38rem;
}
nav.bottomNav ul li{
	float:left;
	padding:.18rem 0 .05rem;
	width:20%;
}
nav.bottomNav ul li a{
	display:block;
	text-align:center;
	font-size:.27rem;
}
nav.bottomNav ul li i{
	width:26px;
	height:21px;
	display:block;
	margin:0 auto;
	background-image:url(http://imgcms.tepin.hk/youah5/images/botNav.png);
}
nav.bottomNav ul li:nth-child(1) i{
	background-position:0 0;
	background-size:100%;
}
nav.bottomNav ul li:nth-child(1) a.nav_hover i{
	background-position:0 -21px;
	background-size:100%;
}
nav.bottomNav ul li:nth-child(2) i{
	background-position:0 -42px;
	background-size:100%;
}
nav.bottomNav ul li:nth-child(2) a.nav_hover i{
	background-position:0 -62px;
	background-size:100%;
}
nav.bottomNav ul li:nth-child(3) i{
	background-position:0 -83px;
	background-size:100%;
}
nav.bottomNav ul li:nth-child(3) a.nav_hover i{
	background-position:0 -104px;
	background-size:100%;
}
nav.bottomNav ul li:nth-child(4) i{
	background-position:0 -125px;
	background-size:100%;
}
nav.bottomNav ul li:nth-child(4) a.nav_hover i{
	background-position:0 -146px;
	background-size:100%;
}
nav.bottomNav ul li{
	position:relative;
}
nav.bottomNav ul li em{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: .25rem;
    line-height: .27rem;
    background: #dd1847;
    color: #fff;
    border-radius: .3125rem;
    padding: .0625rem .09375rem;
    font-size: .27rem;
    text-align: center;
}
nav.bottomNav ul li:nth-child(5) i{
	background-position:0 -168px;
	background-size:100%;
}
nav.bottomNav ul li:nth-child(5) a.nav_hover i{
	background-position:0 -189px;
	background-size:100%;
}
nav.bottomNav ul li a i{
	margin-bottom:.1rem;
}
nav.bottomNav ul li a.nav_hover{
	color:#801da1;
}
*/

/* banner */
.focus{ width:100%; height:4.66667rem; margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{
	list-style: none;
	position: absolute;
	width: 100%;
	bottom: .266667rem;
	left: 50%;
	margin-left: -50%;
	z-index: 10;
	text-align: center;
}
.focus .hd ul{
}
.focus .hd ul li{
	margin: 0 .21333rem;
	text-align: center;
	line-height: 0;
	font-size: 0;
	display: inline-block;
	width:8px;
	height:8px;
	margin-right:3px;
	margin-left:3px;
	text-align:center;
	border-radius: 50%;
}
.focus .hd ul li a{
	display:inline-block;
	text-indent: -999px;
	width: 8px;
	height:8px;
	background-image:url(http://imgcms.tepin.hk/youah5/images/bannerDot.png);
	background-size:100%;
	border:0;
}
.focus .hd ul .on a{
	display:inline-block;
	text-indent: -999px;
	width: 8px;
	height:8px;
	background:url(http://imgcms.tepin.hk/youah5/images/bannerDot.png) 0 -8px no-repeat;
	background-size:100%;
}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width: 100%; height:4.66667rem;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

/* activity */
.activity{
	padding:.266rem .32rem;
	border-bottom:.2666rem solid #f7f7f7;
}
.activity a{
	display:block;
	position:relative;
}
.activity a img{
	width:100%;
}
.activity a span{
	position:absolute;
	left:.133333rem;
	top:0;
	width:.827rem;
	height:.827rem;
	display:block;
}
.activity ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.activity li:nth-child(1){
	width:4.027rem;
}
.activity li:nth-child(2){
	width:5.2rem;
	text-align:right;
	margin-left:.133333rem;
}
.activity li:nth-child(2) a{
	float:right;
}
.activity li:nth-child(2) a:nth-child(2){
	margin-top:.133334rem;
}
.activity li:nth-child(1) a span{
	background-image:url(http://imgcms.tepin.hk/youah5/images/indexTitle_1.png);
	background-size:100%;
}
.activity li:nth-child(2) a span{
	background-image:url(http://imgcms.tepin.hk/youah5/images/indexTitle_2.png);
	background-size:100%;
}
.activity li:nth-child(2) a:nth-child(2) span{
	background-image:url(http://imgcms.tepin.hk/youah5/images/indexTitle_3.png);
	background-size:100%;
}

/* activity_2 */
.activity_2{
	padding:.266rem .32rem;
	border-bottom:.2666rem solid #f7f7f7;
}
.activity_2 ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.activity_2 a{
	display:block;
	position:relative;
}
.activity_2 a img{
	width:100%;
}
.activity_2 li:nth-child(1){
	width:6.253rem;
}
.activity_2 li:nth-child(2){
	width:2.973rem;
	margin-left:.133333rem;
}

/* activity_3 */
.activity_3{
	padding:.266rem .32rem;
	border-bottom:.2666rem solid #f7f7f7;
}
.activity_3 ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.activity_3 li:nth-child(1){
	width:3.3333333rem;
}
.activity_3 li:nth-child(2){
	width:5.8933333rem;
	margin-left:.133333rem;
}
.activity_3 li a{
	width:100%;
	display:block;
}
.activity_3 li:nth-child(2) div{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.activity_3 li:nth-child(2) div a:nth-child(1){
	width:2.78666666rem;
}
.activity_3 li:nth-child(2) div a:nth-child(2){
	width:2.9735rem;
	margin-left:.133333rem;
}
.activity_3 li:nth-child(2) > a{
	clear:both;
	margin-top:0.133333rem;
}
.activity_3 li a img{
	width:100%;
}
.activity_3 li:first-child a img{
	height:6.2816rem;
}

/* flashBuy */
.activityGeneral{
	padding:.266rem .32rem 0;
	border-bottom:.2666rem solid #f7f7f7;
}

.activityGeneral .title{
	line-height:1rem;
	padding-bottom:.1rem;
}
.activityGeneral .title span i{
	width:.3rem;
	height:.3rem;
	display:inline-block;
	background-color:#d9b766;
	margin:0 .2rem;
}
.activityGeneral .title a{
	float:right;
	line-height:1rem;
}
.activityGeneral .title a i{
	width:.4rem;
	height:.4rem;
	display:inline-block;
	margin:0 0 0 .1rem;
	vertical-align:top;
	padding-top:.29rem;
}
.activityGeneral .title a img{
	width:.4rem;
	height:.4rem;
	display:block;
	vertical-align:top;
}
.activityGeneral > a{
	width:100%;
	position:relative;
	display:block;
	margin-bottom:.266rem;
}
.activityGeneral > a > img{
	width:100%;
	height: 5.32rem;
}
.activityGeneral > a .right{
	width:4.8rem;
	position:absolute;
	z-index:0;
	right:.24rem;
	top:1.2rem;
}
.activityGeneral .right span.name{
	font-size:.32rem;
	height:1rem;
	line-height:.5rem;
	overflow:hidden;
	display:block;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.activityGeneral .right span.country{
	display:block;
	margin:.4rem 0 .6rem;
	line-height:.54rem;
	font-size:.32rem;
}
.activityGeneral .right span i{
	width: .46rem;
	height: .46rem;
	display: inline-block;
	margin-right: .2rem;
	vertical-align: top;
}
.activityGeneral .right span img{
	width:100%;
	height:100%;
	display:block;
}
.activityGeneral .right .nowPrice{
	float:left;
	color:#ed1946;
	font-size:.48rem;
	line-height:.6rem;
	display:block;
	font-weight:bold;
}
.activityGeneral .right .oldPrice{
	text-decoration: line-through;
	float:right;
	color:#999;
	display:inline-block;
	line-height:.6rem;
	font-size:.32rem;
}
.activityGeneral .soldOut{
	width:1.813rem;
	height:1.813rem;
	background-image:url(http://imgcms.tepin.hk/youah5/images/ico_soldOut.png);
	background-size:100%;
	position:absolute;
	left:1rem;
	top:2rem;
}
.activityGeneral .right .nowPrice:first-letter{
	font-size:.32rem;
	font-weight:normal;
	padding-right:.06rem;
}

/* emtpy */
.empty{
	padding-top:20%;
}
.empty img{
	width:100%;
	margin-bottom:5%;
}
.empty span{
	color:#666;
	font-size:.4rem;
	display:block;
	text-align:center;
	padding:0 1rem;
}
.empty span em{
	color:#e0073c;
	word-break:break-all;
	word-wrap:break-word;
}
.empty span.title{
	font-size: .46rem;
	line-height: 1.15rem;
	display: block;
	text-align: center;
}
.empty a.empty_btn{
	width:3.92rem;
	height:.9rem;
	line-height:.9rem;
	display:block;
	margin:.52rem auto 0;
	color:#fff;
	border:1px solid #801da1;
	background-color:#801da1;
	border-radius:20px;
	text-align:center;
	font-size:.38rem;
}
.noPadTop{
	padding:0;
}
.noPadTop img{
	padding-top:20%;
}


/**********************************  动画  *********************************************/

/* animation sets */

/* move from / to  */

.pt-page-moveToLeft {
	-webkit-animation: moveToLeft .6s ease both;
	animation: moveToLeft .6s ease both;
}

.pt-page-moveFromLeft {
	-webkit-animation: moveFromLeft .6s ease both;
	animation: moveFromLeft .6s ease both;
}

.pt-page-moveToRight {
	-webkit-animation: moveToRight .6s ease both;
	animation: moveToRight .6s ease both;
}

.pt-page-moveFromRight {
	-webkit-animation: moveFromRight .6s ease both;
	animation: moveFromRight .6s ease both;
}


/********************************* keyframes **************************************/

/* move from / to  */

@-webkit-keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(-100%); }
}
@keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); }
}
@keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}

@-webkit-keyframes moveToRight {
	from { }
	to { -webkit-transform: translateX(100%); }
}
@keyframes moveToRight {
	from { }
	to { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); }
}
@keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

.load {
    width:28px;
    height:28px;
    position: fixed;
    margin-left: -14px;
    margin-top: -14px;
    top: 50%;
    left: 50%;
    z-index: 9999;
    display: none;
}
.load img{
	width:100%;
}
.indexOver {
    color: #999;
    font-size: .266667rem;
    display: block;
    height: 1.12rem;
    line-height: 1.12rem;
    text-align: center;
    background-color: #f7f7f7;
    display: none;
	clear:both;
}
.icon-soldout {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    color: #fff;
    background: url(http://imgcms.tepin.hk/youah5/images/soldout-icon.png) no-repeat
}

.icon-soldout-large {
    width: 121px;
    height: 121px;
    line-height: 121px;
    margin-left: -60px;
    margin-top: -60px;
    font-size: 26px
}

.icon-soldout-big {
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    font-size: 24px;
    background-position: -146px -10px
}

.icon-soldout-normal {
    width: 81px;
    height: 81px;
    line-height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    font-size: 24px;
    background-position: -272px -20px
}

.icon-soldout-small {
    width: 71px;
    height: 71px;
    line-height: 70px;
    margin-left: -35px;
    margin-top: -35px;
    font-size: 24px;
    background-position: -378px -25px
}


/* bottomNav b5 */
/* 黑5零时添加 */
nav.bottomNav{
  width:100%;
  height: 100px;
  /*height:1.38rem;*/
  /**overflow:hidden;
  overflow-x:auto;*/
  border-top:1px solid #d7d7d7;
  position:fixed;
  bottom:0;
  left:0;
  background-color:#fff;
  z-index:887;
}
nav.bottomNav ul{
  /*height:1.38rem;*/
}
nav.bottomNav ul li{
  float:left;
  padding:.58rem 0 .05rem;
  width:20%;
}
nav.bottomNav ul li a{
  display:block;
  text-align:center;
  /*font-size:.27rem;*/
}
nav.bottomNav ul li i{
  width: 65px;
  height: 65px;
  display: block;
  margin: 0 auto;
  margin-top: -4px;

}
nav.bottomNav ul li:nth-child(1) i{
  background-position: 0 0 !important;
  background-image:url(http://imgcms.tepin.hk/cmsres/20161122/1082a7c9-715e-4a08-a914-3af062b024f9.png);
  background-size:100%;
}
nav.bottomNav ul li:nth-child(1) a.current i{
  background-position: 0 0 !important;
  background-image:url(http://imgcms.tepin.hk/cmsres/20161122/91d9d69f-b8be-4fd1-be0c-9fa76a469dcf.png);
  background-size:100%;
}
nav.bottomNav ul li:nth-child(2) i{
  background-position: 0 0 !important;
  background-image:url(http://imgcms.tepin.hk/cmsres/20161122/bca436ec-754f-4ae0-a2ce-23f81bf59d9a.png);
  background-size:100%;
}
nav.bottomNav ul li:nth-child(2) a.current i{
  background-position: 0 0 !important;
  background-image:url(http://imgcms.tepin.hk/cmsres/20161122/79c98a4a-986d-4011-8180-add22668332d.png);
  background-size:100%;
}
nav.bottomNav ul li:nth-child(3) i{
  background-position: 0 0 !important;
  background-image:url(http://imgcms.tepin.hk/cmsres/20161122/b27747e2-3aac-473e-ae53-d6ccdf90ab1b.png);
  background-size:100%;
  width: 112px;
    height: 112px;
    display: block;
    margin: 0 auto;
    margin-top: -30px;

}
nav.bottomNav ul li:nth-child(3) a.current i{
  background-position: 0 0 !important;
  background-image:url(http://imgcms.tepin.hk/cmsres/20161122/cc837ab7-6879-4984-b538-6c765f6b9fd6.png);
  background-size:100%;
      width: 112px;
    height: 112px;
    display: block;
    margin: 0 auto;
    margin-top: -30px;
}
nav.bottomNav ul li:nth-child(4) i{
  background-position: 0 0 !important;
  background-image:url(http://imgcms.tepin.hk/cmsres/20161122/3996d84a-c735-4999-8494-b24f70631f0d.png);
  background-size:100%;
}
nav.bottomNav ul li:nth-child(4) a.current i{
  background-position: 0 0 !important;
  background-image:url(http://imgcms.tepin.hk/cmsres/20161122/67239279-c2c7-48b3-94e4-326fd3031fa3.png);
  background-size:100%;
}
nav.bottomNav ul li{
  position:relative;
}
nav.bottomNav ul li em{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: .25rem;
    line-height: .27rem;
    background: #dd1847;
    color: #fff;
    border-radius: .3125rem;
    padding: .0625rem .09375rem;
    font-size: .27rem;
    text-align: center;
}
nav.bottomNav ul li:nth-child(5) i{
  background-position: 0 0 !important;
  background-image:url(http://imgcms.tepin.hk/cmsres/20161122/1b19bd0f-8ea4-404c-9120-3baee988b916.png);
  background-size:100%;
}
nav.bottomNav ul li:nth-child(5) a.current i{
  background-position: 0 0 !important;
  background-image:url(http://imgcms.tepin.hk/cmsres/20161122/7c2eb79b-da56-454f-98c9-5ac8c2113492.png);
  background-size:100%;
}
nav.bottomNav ul li a i{
  margin-bottom:.1rem;
}
nav.bottomNav ul li a.current{
  color:#801da1;
}